@import './reset.scss';
@import './header.scss';
@import './footer.scss';
.detailcon{
	width: 100%;
	background-color: #f0f0f0;
	&-main{
		width: 1175px;
		height: 910px;
		margin: 0 auto;
		// 详情页标题
		&-top{
			width: 100%;
			height: 75px;
			span{
				display: inline-block;
				margin: {
					left: 13px;
					top: 17px;
					font-size: 12px;
				};
			}
		}
		//详情页信息
		&-content{
			width: 100%;
			height: 685px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			//详情页图片
			&-show{
				height: 100%;
				width: 50%;
				display: flex;
				flex-direction: row;
				position: relative;
				&-smallpic{
					width: 75px;
					height: 100%;
					margin: 0 15px;
					// background-color: orangered;
					display: flex;
					flex-direction: column;
					align-items: center;
					ul{
						flex: 1;
						li{
							width: 66px;
							height: 66px;
							border: 1px solid #d7d7d7;
							padding: 2px;
							margin: 20px 0;
							img{
								width: 100%;
								height: 100%;
							}
						}
						.zoomGalleryActive{
							border: 1px solid rgba(0,0,0,0.5);
						}
					}
					span{
						display: block;
						height: 30px;
						width: 100%;
						line-height: 30px;
						text-align: center;
						i{
							font-size: 17px;
							
						}
					}
					// 按钮
					// &-btntop{
						
					// }
					// &-btnbtn{
					// 	height: 30px;
					// 	width: 100%;
					// 	background-color: palevioletred;
					// }
				}
				&-midpic{
					width: 450px;
					height: 70%;
					margin-top: 100px;
					margin-left:10px;
					// background-color: cadetblue;
					img{
						width: 100%;
						height: 100%;
					}
				}
				&-bigpic{
					display: none;
					position: absolute;
					background-color: pink;
					width: 450px;
					height: 100%;	
					left:500px;
					overflow: hidden;
				}
				
			}
			//详情页信息
			&-msg{
				height: 100%;
				width: 50%;
				ul{
					width: 100%;
					height: 100%;
					li{
						display: flex;
						flex-direction: row;
						align-items: center;
						
						// line-height: 60px;
						p{
							font-size: 20px;
							color: #585858;
							line-height: 30px;
							padding-left: 5px;
						}
						>b{
							display: inline-block;
							width: 80px;
							text-align: right;
							font-weight: normal;
							margin-right: 10px;
							color: #666666;
							font-size: 13px;
						}
						i{
							color: #666666;
							font-size: 13px;
						}
						&:nth-child(2){
							i{
								font-size: 30px;
								font-weight: bolder;
								line-height: 100px;
								color: black;
							}
							.money{
								font-size: 22px;
							}
						}
						&:nth-child(3){
							line-height: 60px;
						}
						&:nth-child(4){
							line-height: 60px;
						}
						&:nth-child(5){
							line-height: 80px;
							input{
								width: 53px;
								height:38px;
								outline: none;
								line-height: 38px;
								text-align: center;
								border: none;
							}
							>div{
								display: flex;
								flex-direction: column;
								margin-left: 15px;
								button{
									width: 15px;
									height: 15px;
									border: none;
									background-color: white;
									
									margin: 5px 0;
								}
							}
						}
						&:nth-child(6){
							height: 80px;
							a{
								font-size: 15px;
								line-height: 30px;
								text-align: center;
								margin-right: 25px;
								border: {
									top-left-radius:5px;
									bottom-left-radius:5px;
									top-right-radius:5px;
									bottom-right-radius:5px;
								}
								i{
									font-size: 15px;
									margin-right: 5px;
								}
								
							}
							.btnbuy{
								width: 158px;
								height: 30px;
								border: 2px solid #a2a2a2;
							}
							.btnshoppingcart{
								width: 158px;
								height: 30px;
								background-color: #2b2b2b;
								color: white;
								border: 1px solid #a2a2a2;
							}
							&:nth-child(7){
								b{
									display: flex;
									flex-direction: row;
									align-items: center;
									img{
										width: 13px;
										height: 13px;
										
									}
								}
							}
						}
					}
					
				}
			}
			//收藏
			&-shar{
				display: flex;
				flex-direction: row;
				margin-right: 40px;
				font-size: 12px;
				color: #666666;
				line-height: 70px;
				text-align: center;
				margin-left:75px;
				li{
					margin-right:20px;
				}
				i{
					margin: 0 5px;
				}
			}
		}
	}
}
.fly{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: red;
}
.addcartnumber{
	position: fixed;
	width: 50px;
	height:80px;
	background-color:rgba(255,255,255,0.6);
	
	right: 0;
	top: 350px;
	p{
		line-height: 80px;
		text-align: center;
		b{
			color: red;
		}
	}
}